/*
Theme Name: Coffrefort123
Version: 1.0
*/



*{
    margin: 0px;
    padding: 0px;
    font-family: 'Poppins';font-size: 16px;
}

div.centrer {
	margin: 4% auto;
    width: 100%;
    display: block;
    text-align: center;
	background:#bc5b4a;color:white;
	padding:40px;
}

a.maillage:hover {opacity:0.5}
.centrer p {font-size:12px !important}
div.centrer h2 {padding-bottom:50px !important}
article.indexPage {padding:20px}
.services a:hover {opacity:0.5}
.pageContact {padding-bottom:50px;}
.animPar.services {width:47% !important;margin:5px !important; display:inline ;float:left; height:220px;clear:none}
#quadmenu.quadmenu-default_theme.quadmenu-is-horizontal .quadmenu-navbar-nav > li > .quadmenu-dropdown-menu {
    margin-top: -60px !important;
}
section.archives {margin:0 auto; display:block;background:white !important;clear:both;}

article.archives {margin:10px; display:inline-block;width:48% !important;float:left;background:white !important;padding:10px}

article.archives h2 , article.archives a {color:#0a3045}
 
article.archives h2  {font-size:24px;padding:25px 10px 55px ;}
article.archives h2:hover, article.archives a:hover {opacity:0.5}
article.archives img {text-align:center !important;margin:10px;display:inline-block;float:left;width:200px; height:auto}
.centrerContenu {
    margin: 0 auto !important;
	padding:0 60px}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item.quadmenu-has-link.open {height:55px;}

img.attachment-post-thumbail 
	{margin:100px 0 50px }

.rdv {background:#0a3045; padding:20px; border-radius:5px;color:white;display:block;width:200px; height:auto;margin:0 auto;text-align:center;}

	.services h2::before {content:" 🛠️";margin-right:15px;}
	.services ul li::before  {content:' ‭✓ ';margin-right:15px;}
.services li a  {font-size:16px !important}
.services h2 {margin-top:-20px !important;}
.animPar.services h2{padding-top:20px !important}
.services li {line-height:28px !important}
.animPar.services {padding-bottom:20px !important;}

ul.maillage li {
		list-style-type :none !important;margin:0 ;line-height:50px;
		display:inline;clear:both;
}	

	ul.maillage {max-width:1000px;margin:0 auto;}
 a.maillage {
	color:#fff;
	padding:1%;
	margin:2% auto;
	border-radius: 5px;

	text-align:center;
}
.centrer h2::before {content:"🔧 "}
ul.maillage li::before {content:"▷";}


.marques {background:#0A3045 !important;max-width:900px;margin: 0 auto;}

.marques li, .marques h2 {color: !important}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav {text-align:left}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav .quadmenu-dropdown-menu li.quadmenu-item > a > .quadmenu-item-content{color:#000000 !important}

#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content:hover {color:red}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav:hover  {color:white;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link:hover, #quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button).quadmenu-has-link.open {background:white;}
#quadmenu.quadmenu-default_theme .quadmenu-navbar-nav > li:not(.quadmenu-item-type-button) > a > .quadmenu-item-content:hover {
	color:#842123
}

.un, .deux, .trois, .quatre, .cinq, .six {margin-bottom:-40px !important}

.animPar .services {padding-top:0 !important}
.services.un, .services.six {background:#842123 !important}

.services.deux, .services.sept {background:#0b3146 !important}

.services.trois , .services.huit {background:#db9215 !important}


.services.quatre, .services.neuf {background:#470a47 !important}

.services.cinq , .services.dix {background:#b5b50e !important}



.services.six {background:blue}
.animPar li a, .animPar li {font-size:18px !important;line-height:30px !important}
 .marques li {font-size:16px !important;line-height:28px !important}
.marques {background:}
.mobmenu-content li {display:block;}
#quadmenu.quadmenu-is-horizontal.quadmenu-align-right .quadmenu-navbar-nav {
	background:white;
}
	.navmobclic {display:none;}

.quadmenu-dropdown-menu {margin-top:-59px !important;position:relative !important}

article {margin-top:50px !important}

article, div.elementor, .elementor-widget-container {
	z-index:1 !important;
}

a {
	text-decoration:none;  transition:0.4s;
}

img.imgHeader {width:100%; height:auto;}

.custom-logo {
	width:200px;
	height:auto;
	float:left;
	margin-left:60px
}

div.head-top {
	width:100%;
	height:180px;
	position: fixed !important;
  top: 0px;
	border-bottom:1px solid #ddd;
	background:white;
	z-index:3;
	display:block;
}

article.page, article.pagePleine {padding:30px}

.textePar {margin-bottom:10px !important}
div.head-logo {
width:60%;
}

div.head-contact {
	width:26%;
	float:right;
	margin-top:30px;
}

img.attachment-post-thumbail {display:inline; width:300px; height:auto; float:left;margin-right:20px;}
div.head-contact a.mail {border: 1px solid #842123;
	padding:10px;
	color:#842123;
	font-weight:700
}

article.blog h1 {border-bottom:0;margin-bottom:20px;}
article.blog h1:before {
	
    width: 0px;
    height: 0px;
}
div.head-contact a.tel {
background:#842123;
	padding:10px;
	color:white;
	font-weight:700
}

div.head-contact a.mail:hover {background:#842123;color:white}

div.head-contact a.tel:hover {
	background:white;
	border:1px solid #842123;
	color:#842123
}

nav{
    width: 100%;
    margin: 200px auto 0;
    background-color: white;
clear: both !important
}

nav ul{
    list-style-type: none;
    display: inline-block;
		float:right;
	text-align:right;
	width:100%;;
	margin-right:20px;
	margin-top:1px;
	clear: both !important
}
/*

nav ul ul {margin-top:130px;}

nav ul li{
	display:inline-block;
    text-align: center;
    position: relative;
	padding:10px;
}


.sub-menu li {    margin-left: 2px; !important}
nav a{
    text-decoration: none;
    color: black;
    border-bottom: 2px solid transparent;
    padding: 10px 0px;
		font-size: 16px;

}

nav a:hover{
    color: #842123;
    border-bottom: 2px solid #842123;
}

/*
ul.sub-menu {display:none;}


ul.sub-menu li {display:block;height:40px;position:relative;left:260px; top:-130px;text-align:left;}


nav ul li:hover ul.sub-menu {display:block;}

.sub-menu{
    display: none;
    box-shadow: 0px 1px 2px #CCC;
    background-color: white;
    position: absolute;
    width: 100%;
    z-index: 1000;
		top:-88px;
}
nav > ul li:hover .sub-menu{
display:block;
}

.sub-menu {width:600px;text-align:left;}
.sub-menu li{
  text-align: left;
	margin-left:-20px;
	padding:10px 0;
}
.sub-menu a{
    padding: 0;
    border-bottom: none;
	margin:0;
}
.sub-menu a:hover{
    border-bottom: none;
    background-color: RGBa(200,200,200,0.1);
}

*/
.conteneur{
  margin: 50px 20px;
  height: 1500px;
}

article {
	margin: 60px auto 30px;
    padding: 30px 0 ;
    width: 100% !important;
    max-width: 100%;
}

h1 {
	margin-left:40px;
	margin-bottom:20px;
	border-bottom:1px solid #842123
}

 h1:before {
    content: "";
    position: absolute;
		left:0px;
    background-color: #842123;
    width: 60px;
    height: 60px;
}

h2.headline-1.fta {
	font-size:42px;
	font-weight:bold;
	color:#842123;
	text-shadow: 2px 2px #000
}

.elementor-element-d5d2447 {
	padding-top:50px;
	height:300px;
}

.bts--centre a.mail {
	border: 1px solid #842123;
	padding:10px;
	color:#842123;
	font-weight:700
}


.elementor-element-d5d2447 h2 {
	padding-top:80px;
}

.bts--centre a.tel {
	background:#842123 !important;
	padding:10px;
	color:white !important;
	font-weight:700
}

.bts--centre a.mail:hover {
	background:#842123;
	color:white !important
}

.bts--centre a.tel:hover {opacity:0.5}

.elementor-widget-text-editor a img {
	text-align:center;
	margin:0 auto;
	width:100%
}


footer {display:block;background:#0b3146;padding:15px 10px 0px;clear:both}
.elementor-widget-text-editor a, .elementor-widget-text-editor a h2 {
	color:#353535;
	font-weight:bold;
	font-size:26px;
	text-align:center
}


 footer  li {list-style:none;display:inline-block; padding : 5px 20px}
footer li a {color:white ; }
footer li a:hover {opacity:0.7;color:white}
article img { transition: opacity 0.7s}

article img.alignleft {
	border-radius:5px;
	display:inline-block;
	float: left;
	margin-right:20px;
	width: 500px
}

article img.alignright {
	border-radius:5px;
	display:inline-block;
	float: right;
	margin-right:20px;
	width: 500px
}

article img:hover {opacity:0.5}

.textePar {max-width:1039px;margin:60px auto 10px}

/*width 100% // aux paragraphes qui ne le sont pas*/
.animPar {margin-bottom:40px;padding:20px 0px !important;clear:both}
.animPar h2 a {color:white ; font-size:24px}

.animPar {color:white;background:#842123;padding:10px 60px;margin-bottom:40px !important }
article div.animPar {background:#842123;padding:10px 60px }

.animPar:after{content:".";color:#842123}

.animPar h2 {text-align:center;color:white;font-size: 52px;padding:0 0 60px;}

ul.col2 {display:inline; width:50%; float:left;}

ul.col2 li {text-align:center;list-style-type:none;font-size: 22px;line-height:50px}

#hidden1, #hidden2,  #hidden3, #hidden4, #hidden5, #hidden6, #hidden7, #hidden8, #hidden9, #hidden10{display:none;}

ul.col2 li i{padding-right:20px;color:white;}

#hidden1 a, #hidden2 a, #hidden3 a, #hidden4 a, #hidden5 a, #hidden6 a, #hidden7 a, #hidden8 a, #hidden9 a, #hidden10 a {color:white;}

button.accordeon1, button.accordeon2, button.accordeon3, button.accordeon4, button.accordeon5 {background:white; padding:10px; border:none;color:#842123;text-align:center; width:150px;margin : 0 auto;display:block;}

button.accordeon1:hover, button.accordeon2:hover, button.accordeon3:hover,
button.accordeon4:hover, button.accordeon5:hover{opacity:0.8}

ul.col2 a {text-decoration:none;color: white;font-size:22px;}

	.animPar h2 {font-size:40px; padding:0 0 20px;margin:20px 0}
}


ul.col2 a:hover {opacity:0.5}

@media only screen and (max-width: 1140px) {
.animPar.services {width:47%;margin:10px; display:block;padding-bottom:20px!important}

	.centrerContenu {
    margin: 0 auto !important;
    width: 100% !important;
}

@media only screen and (max-width: 1040px) {
	.animPar h2 {font-size:30px; }
	
	div.head-contact a.mail, 
	div.head-contact a.tel {display:block;margin:5px 0}
	
	ul.col2 {padding-left:0;}
	
	ul.col2 a {font-size:16px;line-height:18px}
/*
	.sub-menu {top:-92px;}
	*/
article div.animPar {
    background: #842123;
	padding: 10px 10px;}
.mobmenu-content li > .sub-menu li {
	padding-left: 0;border:0}

	.mobmenu-content #mobmenuleft .sub-menu a { text-align:center}

	.mobmenu-parent-link .menu-item-has-children, #mobmenuleft li 
 {padding:0}
	
	
	ul.maillage li {
		list-style-type :none !important;margin:4% auto;
		display:block;}
ul.maillage {width: 100% !important;padding:0 !important;margin:0 ;
	}
	

@media only screen and (max-width: 600px) {
	.animPar.services {width:100% !important;margin:0; display:block;padding:20px 0 !important}
	article.pagePleine {width:100% !important;padding:0;}
	.centrerContenu {
    margin: 0 auto !important;
    width: 100% !important;
Padding:0;}
	.animPar h2 {font-size:25px; }

	.animPar li  {font-size:12px !important;line-height:12px;margin:0 10px 0 1px !important;}
	
	.animPar li a {padding:0;font-size:12px !important;margin-left:-10px}
	.animPar li {
	padding:5px}
	
	.animPar.marques {height:auto !important;padding-bottom: 20px !important}
	
	ul.col2 li {
	text-align: left;}
	
	.animPar {margin:0 auto;width:100% !important;padding:0 !important}
div.head-top {
		display:block;
	width:100%;
	height:180px;
	position: relative !important;
	top: 0px;
	border-bottom:1px solid #ddd;
	z-index:3
	
	}

div.head-logo {
	width:100%;
	margin-top:90px
	}

div.head-contact {
	background:#353535 ;
	width:100%;
	text-align:center
	}

	div.head-contact a {
			font-size:18px !important;
	}
	
	div.head-contact, div.head-contact a.mail, div.head-contact a.tel {
		background:#353535 ;padding: 10px 4px;
    }
	
	div.head-contact a.mail {color:white;border:0;}
	
	/*
	
	nav, #primary-menu{display:none;}
	nav {margin-top:-100px;}
.sub-menu {top:-110px !important;}
	
	.navmobclic {
		display:block;
		background:#841234;
		width:100%;
		text-align:center;
	color:white;
		position:fixed;
		top:0px;
		padding:10px 0;
		z-index:10000000000000
	}
	
	.navmobclic a {
		 color:white
	}
	.navmobclic a:hover nav {
		display:block;
	}
	

	*/
	

	
	h1 {
	margin-left:50px;
	margin-bottom:20px;
	border-bottom:1px solid #842123
}

h1:before {
    content: "";
    position: absolute;
		left:0px;
    background-color: #842123;
    width: 40px;
    height: 60px;
}
	h1{font-size:26px;border:0}
	
	article{margin:0;padding:px}
	
	/*
.menu-item {display:block}


nav ul {margin: 0px auto 60px;
	border-bottom: 2px #ddd solid;}
	
ul#primary-menu.menu, .sub-menu {width:100% !important;padding:0 !important;box-shadow:none;}

.sub-menu {
    position: relative;
    z-index: 1000;
	width:100%;
}
	*/
	
	.sub-menu li {
		width:100% !important;
		margin-left:0px;
		text-align:center;
		border-bottom:1px solid #ddd
	}
.open-menu {
	display:block;
}

	img.imgHeader {display:none;}

	article {margin-top:150px !important}

/*	.menu-item-has-children a {pointer-events:none}*/
	
	article p, article h2 {padding:8px}
	.services ul, .marques ul {padding:0px 10px;}
	
	.services ul li a,.marques ul li {font-size:12px !important}
	footer  li {list-style:none;display:block;}
		 
		 .sub-menu li {padding:0}
}
	
	.mob-icon-down-open:before {
    content: '' !important;
}
	
	.animPar.services {width:100%;margin:0; display:block;height:auto}
	.animPar.services ul {display:block !important;margin:0 auto;width:100%;}
	.animPar.services ul li {
	text-align:center !important;width:90% !important
	}
	

	article img.alignright, img.attachment-post-thumbail {width:100%;margin:0;padding:0;}
	
	article.archives, article.archives img{width:100% !important;margin:0 auto}
	
	div.centrer {width:100% !important;}
}